<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="NavTemplate.css"/>
    <link rel="stylesheet" href="NavTemplate_md.css"/>
    <link rel="stylesheet" href="NavTemplate_sm.css"/>
</head>
<body>
    <!--头部导航栏，响应式，最小宽度768-->
    <div class="nav">
        <a class="logo_Astray">Astray</a>
        <ul class="nav_ul">
            <a href="index.html"><li class="nav_li nav_action">首页</li></a>
            <a href="article_Index.html"><li class="nav_li">文章</li></a>
            <a href="question_Index.html"><li class="nav_li">问答</li></a>
            <a href="test_Index.html"><li class="nav_li">测试</li></a>
            <a href="FM_Index.html"><li class="nav_li">FM</li></a>
            <li class="nav_menu">
                <ul class="nav_drop">
                    <li class="item">更多<span class="triangle"></span></li>
                    <a href="interact_List.html"><li class="item">动态</li></a>
                    <a href="activity_List.html"><li class="item">活动</li></a>
                </ul>
            </li>
        </ul>
        <ul class="nav_ul_info">
            <li class="nav_ul_info_li">
                <a  class="nav_ul_info_img" href="user_Center.html">
                    <img src="img/headPhoto.png" width="2rem">
                </a>
                <div id="user_infoBox">
                    <ul>
                        <li>
                            文章<br/>
                            <span>11</span>
                        </li>
                        <li>
                            提问<br/>
                            <span>11</span>
                        </li>
                        <li>回答<br/>
                            <span>11</span>
                        </li>
                        <li>收藏<br/>
                            <span>11</span>
                        </li>
                    </ul>
                    <dl>
                        <dt>称号：</dt>
                        <dd><img src="img/jia.png" alt=""></dd>
                        <dd><img src="img/jia.png" alt=""></dd>
                    </dl>
                    <div>
                        <a>签到</a>
                        <a href="user_Info_baseInfo.html">前往个人信息>>></a>
                    </div>
                </div>

            </li>
            <li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
            <li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
        </ul>
    </div>

</body>
</html>